/* 基础样式 */
// .site-header {
//   background-color: #333;
//   color: white;
//   padding: 1rem 0;
//   display: flex;
//   justify-content: space-between;
//   align-items: center;
// }

/* Logo样式 */
.logo {
  display: inline-block;
}
.logo img {
  height: 2.5rem; /* 根据实际情况调整Logo大小 */
  width: auto; /* 保持纵横比 */
  display: inline-block; /* 使图像与文本对齐 */
  vertical-align: middle; /* 与周围文本对齐垂直方向 */
  margin: 0; /* 去掉默认的外边距 */
}

/* 适应移动设备的媒体查询 */
@media (max-width: 768px) {
  .site-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .logo img {
    height: 2rem; /* 在移动设备上可能需要调整Logo大小 */
  }
}
